<!doctype html>
<html>
	<head>
		<title>chart</title>
		<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<script src="chart.js"></script>
	</head>
	<body>
	<div id="addCanvas" style="height:300px;"></div>
	<script>
		var data = {
			value:{
				c0:[3,15,19,7],
				c1:[12,26,11,3],
				c2:[4,11,21,5]
			},
			xR: [2012,2013,2014,2015]
		};
		var data2 = {
			value:{
				c0:[4,8,9,1,2]
			},
			xR: [1,2,3,4,5]
		}
		var data3 = {
			value:{
				c0:[3,15,19,7,98],
				c1:[12,26,11,3,67]
			},
			xR: [1,2,3,4,5]
		}
		var chartx = new ChartX()
		var chartx2 = new ChartX({color:["#5f9b18","#7e598d"]})
		chartx.draw("addCanvas",data)
		chartx.draw("addCanvas",data2)
		chartx2.draw("addCanvas",data3)
	</script>
		
		
	</body>
</html>
